<template>
  <div>
    <!-- 更多信息 -->
    <van-popup
      @click-overlay="$emit('update:type',false)"
      :show="type"
      round
      position="top"
      :style="{ height: '320px' }"
    >
      <div class="topTitle">
        <div class="m-10 shopTitle">
          <van-icon class="mr-5" name="star-o" />第六感美发沙龙<van-icon
            class="ml-5"
            name="arrow"
          />
        </div>
        <div class="ml-10 tipTitle">距您100m</div>
        <div class="notice flex">
          <van-notice-bar left-icon="volume-o" :scrollable="false">
            <van-swipe
              vertical
              class="notice-swipe"
              :autoplay="3000"
              :show-indicators="false"
            >
              <van-swipe-item>内容 1</van-swipe-item>
              <van-swipe-item>内容 2</van-swipe-item>
              <van-swipe-item>内容 3</van-swipe-item>
            </van-swipe>
          </van-notice-bar>
        </div>
      </div>
      <div class="ml-10 tipTitle2 mt-20">小店信息</div>
      <div class="ml-10 txt_one_show tipTips mt-10">
        营业时间：<span class="ml-20">周一至周天11:00-21:00</span>
      </div>
      <div class="ml-10 txt_one_show tipTips mt-10">
        联系方式：<span class="ml-20">17674656666</span>
      </div>
      <div class="ml-10 txt_one_show tipTips mt-10">
        小店地址：<span class="ml-20">湖南省永州市宁远县石板塘公交车站旁</span>
      </div>
      <div class="mt-20 txt_one_show txt_center">
        <van-button plain hairline type="primary" size="small" to="home"
          >小店营业执照</van-button
        >
      </div>
      <div class="mt-15 txt_one_show txt_center">
        <van-icon name="arrow-up" class="tipTitle2" @click="$emit('update:type',false)" />
      </div>
    </van-popup>
  </div>
</template>

<script>
import {
} from "vue";
export default {
  props: {
    type: {
      type: Boolean,
      required: true,
    },
  },
  components: {},
};
</script>

<style lang="less" scoped>
.notice {
  .van-notice-bar {
    padding: 0 10px;
    background: none;
    color: #8f8b8b;
    height: 1rem;
    width: 100%;
  }
  .notice-swipe {
    height: 40px;
    line-height: 40px;
    .van-swipe-item {
      overflow: hidden; //超出部分隐藏
      text-overflow: ellipsis; //超出部分显示...
      white-space: nowrap; //文本强制一行显示
    }
  }
}
</style>
